<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml" xmlns:shiro="http://www.w3.org/1999/xhtml">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<style type="text/css">
	.table {
		table-layout: fixed;
		word-break: break-all;
	}

	.table td {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.cell-wrap-text {
		white-space: normal !important;
		word-break: break-all;
	}
</style>
<body class="gray-bg">
	<div class="wrapper wrapper-content ">
		<div class="col-sm-12">
			<div class="ibox">
				<div class="ibox-body">
					<div class="fixed-table-toolbar">
						<div id="videoContainer"></div>
						<div class="columns pull-left">
<!--							<button onclick="handleSubmitVedio()" class="btn  btn-primary">一键统计视频时长</button>-->
							<button shiro:hasPermission="jzweb:eventresourceAllocation:add" type="button" class="btn  btn-primary" onclick="add()">
								<i class="fa fa-plus" aria-hidden="true"></i>添加
							</button>
							<button shiro:hasPermission="jzweb:eventresourceAllocation:batchRemove" type="button" class="btn  btn-danger"
								onclick="batchRemove()">
								<i class="fa fa-trash" aria-hidden="true"></i>删除
							</button>
<!--							<button  type="button"-->
<!--									 class="btn  btn-primary" onclick="editVedio()">-->
<!--								修改视频封面图-->
<!--							</button>-->
<!--							<div class=" pull-right ">-->
<!--								<input id="fmpic" type="text" class="form-control"-->
<!--									   placeholder="请输入需要截取视频的秒数">-->
<!--							</div>-->
						</div>
						<div class="columns pull-right">
							<button class="btn btn-success" onclick="reLoad()">查询</button>
						</div>
						<div class="columns pull-right col-md-1 nopadding">
							<input id="searchName"  type="text" class="form-control"
								   placeholder="请输入赛项名称" name="eventName">
						</div>
						<div class="columns pull-right col-md-1 nopadding">
							<select id="jzEveMoId" name="jzEveMoId" class="form-control" >
							</select>
						</div>
					</div>
					<table id="exampleTable" data-mobile-responsive="true">
					</table>
				</div>
			</div>
		</div>
	</div>
	<!--shiro控制bootstraptable行内按钮看见性 -->
		<div>
			<script type="text/javascript">
				var s_edit_h = 'hidden';
				var s_remove_h = 'hidden';
				var s_resetPwd_h = 'hidden';
			</script>
		</div>
		<div shiro:hasPermission="jzweb:eventresourceAllocation:edit">
			<script type="text/javascript">
				s_edit_h = '';
			</script>
		</div>
		<div shiro:hasPermission="jzweb:eventresourceAllocation:remove">
			<script type="text/javascript">
				var s_remove_h = '';
			</script>
		</div>
		<div shiro:hasPermission="jzweb:eventresourceAllocation:resetPwd">
			<script type="text/javascript">
				var s_resetPwd_h = '';
			</script>
		</div>
	</div>
	<div th:include="include :: footer"></div>
	<script type="text/javascript" src="/js/webJs/eventresource/eventresourceAllocation/eventresourceAllocation.js?r=19s"></script>
<script>
	$(function (){
		$.ajax({
			url: "/jzweb/eventresourceAllocations/selectGroup",
			type: "get",
			success: function (r) {
				console.log(r)
			}
		});
	})
</script>
</body>
</html>